<template>
  <div class="course-table-page">
    <div class="table-container">
      <table class="course-info-table">
        <thead>
          <tr>
            <th colspan="2">类别</th>
            <th>课程名称</th>
            <th>培训时长</th>
            <th>培训时长</th>
          </tr>
        </thead>
        <tbody>
          
          <tr>
            <td rowspan="8" class="course-type">AOPA/民航考试证</td>
            <td rowspan="4">超视距/视距内</td>
            <td>川类 多旋翼</td>
            <td>28天</td>
            <td rowspan="8" class="course-benefits">
              <div>课程福利：</div>
              <div>
                1. 通过考试<span class="course-benefits-bold">三证在手</span
                >。能飞学员<span class="course-benefits-bold">结业证</span>+川类
                <span class="course-benefits-bold">民航局</span>+川类 AOPA
                多旋翼（固定翼/直升机/垂直起降固定翼）超视距（视距内/教员）证件；
              </div>
              <div>
                2.
                课程费用已包含：培训费、课本费、教具使用费、首考考试费、二次培训训费（首考未通过的情况下）；
              </div>
              <div>
                3. 预报名就可以<span class="course-benefits-bold">免费享听</span
                >航拍或电力巡检课程的授课资格；
              </div>
              <div>
                4. 凡在佛山总部培训就<span class="course-benefits-bold"
                  >免费</span
                >提供酒店式公寓住宿。
              </div>
              <div class="note">注：川类指飞机重量介于7至25kg</div>
            </td>
          </tr>
          <tr>
            <td>川类 固定翼</td>
            <td>60天</td>
          </tr>
          <tr>
            <td>川类 直升机</td>
            <td>60天/28天</td>
          </tr>
          <tr>
            <td>川类 重直起降固定翼</td>
            <td>20天</td>
          </tr>

          <!-- AOPA/民航考试证 - 教员 -->
          <tr>
            <td rowspan="4">教员</td>
            <td>川类 多旋翼</td>
            <td>60天</td>
            <!-- <td rowspan="4" class="course-benefits">
              <div>课程福利：</div>
              <div>
                1. 通过考试三证在手。能飞学员结业证+川类 民航局+川类 AOPA
                多旋翼（固定翼/直升机/垂直起降固定翼）超视距（视距内/教员）证件；
              </div>
              <div>
                2.
                课程费用已包含：培训费、课本费、教具使用费、首考考试费、二次培训训费（首考未通过的情况下）；
              </div>
              <div>3. 预报名就可以免费享听航拍或电力巡检课程的授课资格；</div>
              <div>4. 凡在佛山总部培训就免费提供酒店式公寓住宿。</div>
              <div class="note">注：川类指飞机重量介于7至25kg</div>
            </td> -->
          </tr>
          <tr>
            <td>川类 固定翼</td>
            <td>28天</td>
          </tr>
          <tr>
            <td>川类 直升机</td>
            <td>60天</td>
          </tr>
          <tr>
            <td>川类 重直起降固定翼</td>
            <td>20天</td>
          </tr>

          <!-- 行业应用 -->
          <tr>
            <td rowspan="5" class="course-type">行业应用</td>
            <td colspan="2">UTC航护精品班（周末上课）</td>
            <td>4天</td>
            <td>大疆慧 KUTC航拍合格证</td>
          </tr>
          <tr>
            <td colspan="2">无人机电力运维包就业</td>
            <td>35天</td>
            <td>能学员结业证+1类 民航局+川类 AOPA 多旋翼超视距证件</td>
          </tr>
          <tr>
            <td colspan="2">无人机电力巡检</td>
            <td>60天</td>
            <td>大疆慧 KUTC航拍合格证</td>
          </tr>
          <tr>
            <td colspan="2">无人机农业植保</td>
            <td>15天</td>
            <td>大疆慧 KUTC航拍合格证</td>
          </tr>
          <tr>
            <td colspan="2">无人机警用安防</td>
            <td>8-10天</td>
            <td>
              能飞学员结业证+V类 民航局+V类 AOPA
              多旋翼超视距证件V类专指植保类无人机，重量不限
            </td>
          </tr>

          <!-- 科普教育 -->
          <tr>
            <td rowspan="2" class="course-type">科普教育</td>
            <td colspan="2">无人机少儿培训师</td>
            <td>7天</td>
            <td>能飞学员结业证</td>
          </tr>
          <tr>
            <td colspan="2">中高职无人机创客导师</td>
            <td>定制化</td>
            <td>为中高职无人机专业建设人才储备提供定制化教育</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</template>

<script>
export default {
  name: "CourseTable",
};
</script>

<style scoped>
.course-table-page {
  width: 100%;
  padding: 40px 0 90px;
}

.table-container {
  max-width: 1200px;
  margin: 0 auto;
  overflow-x: auto;
}

.course-info-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border: 1px solid #ebeef5;
  border-radius: 12px;
}

.course-info-table th {
  background: #1664ff;
  color: white;
  padding: 16px 20px;
  text-align: center;
  font-weight: normal;
  font-size: 14px;
  border: 1px solid #ebeef5;
}

.course-info-table td {
  padding: 16px 22px;
  /* width: 0; */
  border: 1px solid #ebeef5;
  color: #606266;
  font-size: 14px;
  line-height: 1.5;
  /* vertical-align: top; */
}

.course-benefits {
  color: #606266;
  font-size: 14px;
  line-height: 1.8;
  text-align: left;
}
.course-benefits-bold {
  color: #1664ff;
}
.course-benefits div:first-child {
  margin-bottom: 12px;
  font-weight: bold;
}

.course-benefits div {
  margin-bottom: 8px;
}

.note {
  color: #909399;
  font-size: 14px;
  margin-top: 12px;
  text-align: left;
}

.course-info-table .course-type {
  font-weight: 600;
  font-size: 19px;
  color: #1664ff;
}
.course-info-table th:nth-child(4),
.course-info-table td:nth-child(4) {
  width: 40px; /* 倒数第二列窄 */
  min-width: 30px;
  text-align: center;
}

.course-info-table th:nth-child(5),
.course-info-table td:nth-child(5) {
  width: 60px; /* 倒数第三列窄 */
  text-align: center;
}

.course-info-table th:last-child,
.course-info-table td:last-child {
  width: 260px; /* 最后一列宽 */
  min-width: 130px;
}
</style>
